CSS TECHNOLOGIES 152-114 MPTC

Learning Plan 2

You will Practice with each of the LP2 CSS Properties by using W3Schools.com. The pages will have a

combination of Try It Yourself practices and Exercises that use W3Schools.com sandbox environment.

You are expected to work with these features on each of the pages and sections.

For the Try It Out Practices:

1. After reading the information about a property, click on the Try It Out Button

a. Make a modification to the CSS Property value that you just read about.

b. Click on the Run button in the sandbox to see your change take effect.

c. Unless directed below, you do not have to document these!

Doing the Try It Yourself practices will help you gain understanding of each property and practice in

trying the property out.

Example:

Click on Try it Yourself button

Make a change to the CSS Property value you just read about and click Run in the sandbox.

CSS TECHNOLOGIES 152-114 MPTC

See the effect that the modification made!

For the Exercises that you will find at the end of each section or bottom of a single section page:

2. Apply what you have learned from the page or the section you worked with to solve each

exercise.

3. Use the Check Your Code button to test your coding.

4. Once you have the correct code, take a screen capture of the exercise that includes the Correct

button.

5. Place your screen capture on your documentation sheet after the heading for that page or

section.

Example:

Click on the Exercise button

This will open the exercise in the sandbox. The exercise will have a task it is asking you to apply.

CSS TECHNOLOGIES 152-114 MPTC

Preform the task by typing the code that is needed. Click the Check Your Code Button. If you are correct,

there will be a Correct button that appears above the sandbox. Take a screen capture that includes the

correct button and the sandbox similar to the screen capture below.

Some of the links will take you to a Section while others will be a single page.

Below is an example of a Section. You are expected to complete all pages of the section.

CSS TECHNOLOGIES 152-114 MPTC

The last page of a section will contain the Exercises for that Section.

The following are the pages and sections you will need to complete for Learning Plan 2. You can place

your required documentation below each URL.

Font and Text Properties

CSS Fonts Section – 5 Exercises

http://www.w3schools.com/css/css_font.asp

CSS TECHNOLOGIES 152-114 MPTC

CSS Web Fonts Page – 2 Exercises

CSS TECHNOLOGIES 152-114 MPTC

http://www.w3schools.com/css/css3_fonts.asp

CSS TECHNOLOGIES 152-114 MPTC

CSS Text Section – 5 Exercises

http://www.w3schools.com/css/css_text.asp

CSS TECHNOLOGIES 152-114 MPTC

CSS Text Effects Page – 3 Exercises

http://www.w3schools.com/css/css3_text_effects.asp

CSS TECHNOLOGIES 152-114 MPTC

CSS Shadow Effects Section – 5 Exercises

http://www.w3schools.com/css/css3_shadows.asp

CSS TECHNOLOGIES 152-114 MPTC

Color and Background Properties

CSS Colors Section – No Exercises – Document a Try It Yourself Practices of Your Choice

http://www.w3schools.com/css/css_colors.asp

CSS TECHNOLOGIES 152-114 MPTC

CSS Backgrounds Section - 5 Exercises

http://www.w3schools.com/css/css_background.asp

CSS TECHNOLOGIES 152-114 MPTC

CSS 3 Colors Page - 4 Exercises

http://www.w3schools.com/css/css3_colors.asp

CSS TECHNOLOGIES 152-114 MPTC

CSS Multiple Backgrounds Page - 5 Exercises

http://www.w3schools.com/css/css3_backgrounds.asp

CSS TECHNOLOGIES 152-114 MPTC

CSS Gradients Section- 7 Exercises

CSS TECHNOLOGIES 152-114 MPTC

http://www.w3schools.com/css/css3_gradients.asp

CSS TECHNOLOGIES 152-114 MPTC

Link and List properties

CSS Lists Page - 4 Exercises

http://www.w3schools.com/css/css_list.asp

CSS TECHNOLOGIES 152-114 MPTC

CSS Links Page - 4 Exercises

http://www.w3schools.com/css/css_link.asp

CSS TECHNOLOGIES 152-114 MPTC

Image Related Properties

CSS Styling Images Page – No Exercises – Document a Try It Yourself Practices of Your Choice

http://www.w3schools.com/css/css3_images.asp

CSS Border Images Page - 2 Exercises

http://www.w3schools.com/css/css3_border_images.asp

CSS TECHNOLOGIES 152-114 MPTC

Table Properties

CSS Tables Section – 6 Exercises

http://www.w3schools.com/css/css_table.asp

CSS TECHNOLOGIES 152-114 MPTC

Rounded Corner Properties

CSS Rounded Corners Page - 2 Exercises

http://www.w3schools.com/css/css3_borders.asp

CSS TECHNOLOGIES 152-114 MPTC

Button Properties

CSS Buttons Page – No Exercises – Document a Try It Yourself Practices of Your Choice

http://www.w3schools.com/css/css3_buttons.asp

Pagination Properties

CSS Pagination Examples Page – No Exercises – Document a Try It Yourself Practices of Your Choice

http://www.w3schools.com/css/css3_pagination.asp

CSS TECHNOLOGIES 152-114 MPTC